<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>招商财富Solution - 我的</title>
    <%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
    <link rel="stylesheet" type="text/css" href="<%=context%>resources/modules/bootstrap/css/myHome.css?r=<%=Math.random()%>" />
    <link href="<%=context%>resources/modules/bootstrap/js/plugins/fullcalendar/css/fullcalendar.css?r=<%=Math.random()%>" rel='stylesheet' />
	<script src="<%=context%>resources/modules/bootstrap/js/plugins/fullcalendar/fullcalendar.js?r=<%=Math.random()%>"></script>
	<script src="<%=context%>resources/modules/bootstrap/js/plugins/fullcalendar/zh-cn.js"></script>
    <script type="text/javascript">
		var todoAndOutputPath = '<%=context%>' + 'business/myHome/todoAndOutput/';
		//默认加载
		$(function() {
			//把访问路径传到js
			setPathPrefix(todoAndOutputPath);
		});
	</script>
</head>
<body>
  <div class="mode-1">
    
    <div class="tabs">
		<ul class="clear">
			<li class="tab active" id="overViewTabBtn" onclick="TODO_OUTPUT.tabActive('overViewTab');"></span>概览</li>
			<li class="tab" id="calendarViewTabBtn" onclick="TODO_OUTPUT.tabActive('calendarViewTab');"><span class="gap"></span>日历</li>
			<li class="tab" id="listViewTabBtn" onclick="TODO_OUTPUT.tabActive('listViewTab');"><span class="gap"></span>明细</li>
		</ul>
	</div>

	<div class="result-box">
		<!-- 详情 -->
		<div style="display: none;" id="fileDetailTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='fileDetail' param=''></wasp:opera></div>
		<!-- 材料上传 -->
		<div style="display: none;" id="fileUploadTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='fileUpload' param=''></wasp:opera></div>
		<!-- 无需上传 -->
		<div style="display: none;" id="noFileUploadTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='noFileUpload' param=''></wasp:opera></div>
		<!-- 材料确认 -->
		<div style="display: none;" id="fileConfirmTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='fileConfirm' param=''></wasp:opera></div>
		<!-- 完成 -->
		<div style="display: none;" id="fileEndTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='fileEnd' param=''></wasp:opera></div>
		<!-- 产出上传 -->
		<div style="display: none;" id="uploadEndFileTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='uploadEndFile' param=''></wasp:opera></div>
		<!-- 删除待办 -->
		<div style="display: none;" id="deleteTodoTemp"><wasp:opera fun='javascirpt:void(0);' type='2' id='deleteTodo' param=''></wasp:opera></div>
	
		<div class="container tabContainer clear" id="overViewTab">
			<div class="overview-tabs">
				<%-- <div class="user">
					<p title="<%=SessionUtils.getEmployee().getOrgName()%>"><%=SessionUtils.getEmployee().getCompanyName()%></p>
					<p><%=currentName %></p>
				</div> --%>
				<div class="page-tabs" id="pageTabs">
					<ul>
						<li></li>
					</ul>
				</div>
			</div>

			
			<div class="over-view" id="overView"></div>
		</div>
		
		<!-- 日历 -->
		<div id="calendarViewTab" class="tabContainer" style="display: none;">
			<div class="col-md-10">
				<div class="calendar-bar">
					<div class="tips-item">
						<div class="tips-icon khqyhs"></div>
						<div class="tips-text">客户权益核算</div>
					</div>
					<div class="tips-item">
						<div class="tips-icon xxpl-tzzbg"></div>
						<div class="tips-text">信息披露-投资者报告</div>
					</div>
					<div class="tips-item">
						<div class="tips-icon xxpl-jgbg"></div>
						<div class="tips-text">信息披露-监管报告</div>
					</div>
					<div class="tips-item">
						<div class="tips-img doing"></div>
						<div class="tips-text">进行中</div>
					</div>
					<div class="tips-item">
						<div class="tips-img timeout"></div>
						<div class="tips-text">已超时</div>
					</div>
					<div class="tips-item">
						<div class="tips-img done"></div>
						<div class="tips-text">已完成</div>
					</div>
				</div>
				
				<div id="calendar" class="content-wrap"></div>
			</div>
			<div class="col-md-2">
				<div class="calendar-bar">
					<div class="tips-item">
						<div class="tips-text">所有已超时待办（<span class="timeout-count"></span>）</div>
					</div>
				</div>
				<div id="timeoutList" class="content-wrap">
				
				</div>
			</div>
		</div>
		
		<!-- 明细 -->
		<div id="listViewTab" class="tabContainer" style="display: none;">
			<div class="clearfix form-multi-col-panel form-multi-col-panel-sm">
				<div class="form-item-group form-horizontal">
			        <div class="form-item">
			            <span class="form-field">类型</span>   
			            <span class="form-input">   
			                <select class="form-control use-select2" id="q-todoType">          
			                     <option value="">全部</option>
			                     <wasp:dictOptions dctRootType="TODO_TYPE"></wasp:dictOptions>
			                </select>
			             </span>
			        </div>
					<div class="form-item">
						<span class="form-field">状态</span>
						<span class="form-input">
							<select class="form-control use-select2" id="q-status">          
			                     <option value="">全部</option>
			                     <wasp:dictOptions dctRootType="TODO_STATUS"></wasp:dictOptions>
			                </select>
						</span>
			        </div>
			        <div class="form-item">
						<span class="form-field">待办日期</span>
						<span class="form-input">
							<input type="text" class="form-control" id="q-todoDate" placeholder="待办日期"/>
						</span>
			        </div>
					<div class="form-item">
						<span class="form-field">产品</span>
						<span class="form-input">
							<input type="text" class="form-control" id="q-prdName" placeholder="产品"/>
						</span>
			        </div>
			        <div class="form-item" style="display: none;">
						<span class="form-field">上传人</span>
						<span class="form-input">
							<select class="form-control use-select2" id="q-uploader" placeholder="上传人"></select>
						</span>
			        </div>
					<div class="form-item">
						<span class="form-field">上传时间</span>
						<span class="form-input">
							<input type="text" class="form-control" id="q-uploadTime" placeholder="上传时间"/>
						</span>
			        </div>
			        <div class="form-item" style="display: none;">
						<span class="form-field">确认人</span>
						<span class="form-input">
							<select class="form-control use-select2" id="q-confirmer" placeholder="确认人"></select>
						</span>
			        </div>
					<div class="form-item">
						<span class="form-field">确认时间</span>
						<span class="form-input">
							<input type="text" class="form-control" id="q-confirmTime" placeholder="确认时间"/>
						</span>
			        </div>
			        <div class="form-item"></div>
			        <div class="form-item"></div>
			        <div class="form-item"></div>
			        <div class="form-item"></div>
				</div>
				<div class="form-action">
					<button class="btn btn-primary" type="submit" id="market_hot_prj-search" onclick="queryByCondtion(true, 'market_hot_prj')"><i class="fa fa-search"></i>&nbsp;查询</button>
					<button class="btn btn-default" name="resetBtn" type="reset">清空</button>
				</div>
			</div>
			<div class="form-search-group">
				<wasp:opera fun="TODO_OUTPUT.addView();" id="addTodo"></wasp:opera>
			</div>
			<div class="clearfix">
				<div class="jqGrid_wrapper fullscreen-wrapper">
					<table id="todoList"></table>
					<div id="todoListPage"></div>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript" src="<%=context%>resources/modules/business/myHome/todoAndOutput/overview.js?r=<%=Math.random()%>"></script>
<script type="text/javascript" src="<%=context%>resources/modules/business/myHome/todoAndOutput/calendar.js?r=<%=Math.random()%>"></script>
<script type="text/javascript" src="<%=context%>resources/modules/bootstrap/js/plugins/masonry/masonry.js"></script>
<script type="x-tmpl-mustache" id="modulTemplate">
{{#result}}
<div class="panel panel-solution">
				<div class="panel-heading">
			  		<span class="fl type-name">{{serviceTypeName}}</span> 
					<span class="fl mine-firm mine-firm-left">
						<span class="mine-firm-icon cmf-icon"></span>
						<span class="s-name"><%=SessionUtils.getEmployee().getCompanyName()%></span>
					</span>
 
					<span class="fl mine-firm">
						<span class="mine-firm-icon cmwa-icon"></span>
						<span class="s-name">招商财富</span>
					</span>
				</div>
				<div class="panel-body">
					<div class="product-status-progress">
		 				<ul class="status-progress clear">
	 					 	<li class="progress-status">
	 					 		<div class="progress-icon"><img alt="材料上传" src="/scbp/resources/modules/bootstrap/image/mine-file-upload.png"></div>
	 					 		<span class="progress-name">材料上传</span>
								{{#toUploadCount}}<span class="r-count">{{toUploadCount}}</span>{{/toUploadCount}}
	 					 	</li>
			            	<li class="progress-line"><span class="progress-arrow-right"></span></li>
	 					 	<li class="progress-status">
	 					 		<div class="progress-icon"><img alt="材料审核" src="/scbp/resources/modules/bootstrap/image/mine-file-valid.png"></div>
	 					 		<span class="progress-name">材料审核</span>
								{{#toConfirmCount}}<span class="r-count b-count">{{toConfirmCount}}</span>{{/toConfirmCount}}
	 					 	</li>
			            	<li class="progress-line"><span class="progress-arrow-right"></span></li>
	 					 	<li class="progress-status">
	 					 		<div class="progress-icon"><img alt="服务执行中" src="/scbp/resources/modules/bootstrap/image/mine-service-doing.png"></div>
	 					 		<span class="progress-name">服务执行中<span>
								{{#toProcessCount}}<span class="r-count b-count">{{toProcessCount}}</span>{{/toProcessCount}}
	 					 	</li>
			            	<li class="progress-line"><span class="progress-arrow-right"></span></li>
	 					 	<li class="progress-status">
	 					 		<div class="progress-icon"><img alt="服务已完成" src="/scbp/resources/modules/bootstrap/image/mine-service-done.png"></div>
	 					 		<span class="progress-name">服务已完成<span>
								{{#complateCount}}<span class="r-count">{{complateCount}}</span>{{/complateCount}}
	 					 	</li>
		 				</ul>
	 				</div>
					<div class="product-list-group">
		 				<div class="list-item-ul text-center">
			 				<button class="btn btn-primary" onclick="TODO_OUTPUT.openFileUpload('{{serviceType}}')" style="margin: 0 0 0 78px;">材料上传</button>
		 				</div>
		 				<span class="list-item-split"></span>
		 				<div class="list-item-ul">
		 				</div>
		 				<span class="list-item-split"></span>
		 				<div class="list-item-ul">
		 				</div>
		 				<span class="list-item-split"></span>
		 				<div class="list-item-ul text-center">
			 				<button class="btn btn-primary" id="download_{{todoType}}" onclick="TODO_OUTPUT.downloadTodyOutput('{{serviceType}}')" style="margin: 0 0 0 46px;">下载产出</button>
		 				</div>
		 			</div>
	 				<div class="product-list-group">
		 				<ul class="list-item-ul">
							{{#toUploadList}}
		 					<li class="list-item-li">
								<p {{^prjSname}}class="no-name"{{/prjSname}}>{{#prjSname}}产品名称: <span title="{{prjSname}}">{{prjSname}}</span>{{/prjSname}}</p>
								<p>待办类型: <span title="{{todoTypeName}}">{{todoTypeName}}</span></p>
								<p class="date">日期: {{todoDate}}</p>
								{{#exclamation}}<i class="fas fa-exclamation-circle" title="材料被驳回，请重新上传"></i>{{/exclamation}}
							</li>
							{{/toUploadList}}
							{{#toUploadListLengthFlag}}<li class="show-all" data-type="toUploadList">展示全部</li>{{/toUploadListLengthFlag}}
		 				</ul>
		 				<ul class="list-item-ul">
		 					{{#toConfirmList}}
		 					<li class="list-item-li blue">
								<p {{^prjSname}}class="no-name"{{/prjSname}}>{{#prjSname}}产品名称: <span title="{{prjSname}}">{{prjSname}}</span>{{/prjSname}}</p>
								<p>待办类型: <span title="{{todoTypeName}}">{{todoTypeName}}</span></p>
								<p class="date">日期: {{todoDate}}</p>
								<p>审核人员: <span title="{{postPersonnelNm}}">{{postPersonnelNm}}</span></p>
								<p>电话: <span title="{{empTelOff}}">{{empTelOff}}</span></p>
								<p class="off"><span>联系经办人员</span><i class="fas fa-caret-down"></i></p>
							</li>
							{{/toConfirmList}}
							{{#toConfirmListLengthFlag}}<li class="show-all" data-type="toConfirmList">展示全部</li>{{/toConfirmListLengthFlag}}
		 				</ul>
		 				<ul class="list-item-ul">
		 					{{#toProcessList}}
		 					<li class="list-item-li blue">
								<p {{^prjSname}}class="no-name"{{/prjSname}}>{{#prjSname}}产品名称: <span title="{{prjSname}}">{{prjSname}}</span>{{/prjSname}}</p>
								<p>待办类型: <span title="{{todoTypeName}}">{{todoTypeName}}</span></p>
								<p class="date">日期: {{todoDate}}</p>
								<p>执行人员: <span title="{{postPersonnelNm}}">{{postPersonnelNm}}</span></p>
								<p>电话: <span title="{{empTelOff}}">{{empTelOff}}</span></p>
								<p class="off"><span>联系经办人员</span><i class="fas fa-caret-down"></i></p>
							</li>
							{{/toProcessList}}
							{{#toProcessListLengthFlag}}<li class="show-all" data-type="toProcessList">展示全部</li>{{/toProcessListLengthFlag}}
		 				</ul>
		 				<ul class="list-item-ul">
		 					{{#complateList}}
		 					<li class="list-item-li">
								<p {{^prjSname}}class="no-name"{{/prjSname}}>{{#prjSname}}产品名称: <span title="{{prjSname}}">{{prjSname}}</span>{{/prjSname}}</p>
								<p>待办类型: <span title="{{todoTypeName}}">{{todoTypeName}}</span></p>
								<p class="date">日期: {{todoDate}}</p>
							</li>
							{{/complateList}}
							{{#complateListLengthFlag}}<li class="show-all" data-type="complateList">展示全部</li>{{/complateListLengthFlag}}
		 				</ul>
		 			</div>
				</div>
			</div>
{{/result}}


</script>
<script type="x-tmpl-mustache" id="template1">
<ul>
{{#result}}
	<li data-type="{{serviceType}}">{{serviceTypeName}}<span>{{totalCount}}</span></li>
{{/result}}
</ul>
</script>
<script type="x-tmpl-mustache" id="template2">
	<div class="alert-box-content product-list-group masonry-container">
		<ul class="list-item-ul">
			{{#result}}
		 	<li class="list-item-li masonry-item">
				<p {{^prjSname}}class="no-name"{{/prjSname}}>{{#prjSname}}产品名称: <span title="{{prjSname}}">{{prjSname}}</span>{{/prjSname}}</p>
				<p>待办类型: <span title="{{todoTypeName}}">{{todoTypeName}}</span></p>
				<p class="date">日期: {{todoDate}}</p>
			</li>
			{{/result}}
		 </ul>
	</div>
</script>
<script type="x-tmpl-mustache" id="template3">
	<div class="alert-box-content product-list-group masonry-container">
		<ul class="list-item-ul">
			{{#result}}
		 	<li class="list-item-li blue masonry-item">
				<p {{^prjSname}}class="no-name"{{/prjSname}}>{{#prjSname}}产品名称: <span title="{{prjSname}}">{{prjSname}}</span>{{/prjSname}}</p>
				<p>待办类型: <span title="{{todoTypeName}}">{{todoTypeName}}</span></p>
				<p class="date">日期: {{todoDate}}</p>
				<p>审核人员: <span title="{{postPersonnelNm}}">{{postPersonnelNm}}</span></p>
				<p>电话: <span title="{{empTelOff}}">{{empTelOff}}</span></p>
			</li>
			{{/result}}
		 </ul>
	</div>
</script>
  </div>
</body>
</html>